<template>
  <section class="core-value">
    <div class="container">
      <h3 class="section-title">友福七维AI健康修复体系</h3>
      <p class="section-desc">七大核心维度</p>
      <!-- 替换为实际图示路径 -->
      <img
        src="https://images.health.ufutx.com/202507/02/37b46d4591aa3244f62320bd60e07549.png"
        alt="七大核心维度"
        class="diagram"
      />
    </div>
  </section>
</template>

<script setup lang="ts">
// 暂无逻辑，纯展示
</script>

<style scoped lang="less">
.core-value {
  //padding: 80px 0;
  //.pt(100px);
  //background-color: red;
  .container {
    //max-width: 1200px;
    margin: 0 auto;
    text-align: center;

    .section-title {
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 20px;
      color: @text-color;
      .mt(50px);
    }

    .section-desc {
      font-size: 20px;
      color: @text-color-secondary;
      //margin-bottom: 60px;
    }

    .diagram {
      //max-width: 800px;
      width: 1920px;
      height: auto;
    }
  }
}
</style>
